<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="login.css">
</head>

<body>
    <div class="login-container">
        <h1 class="login-title">仓库管理系统</h1>

        <div class="input-group">
            <label for="username">账号：</label>
            <input type="text" id="username" value="admin">
        </div>

        <div class="input-group password-input">
            <label for="password">密码：</label>
            <input type="text" id="password" value="">
            <button class="show-password">显示</button>
        </div>

        <div class="captcha-area">
            <div>完成界面验证</div>
            <div class="captcha-actions">
                <a href="#">换一张</a>
            </div>
        </div>

        <div class="slider-verify">
            <div class="slider-text">滑动滑块进行验证</div>
            <div class="slider-button">→</div>
        </div>

        <a href="#" class="forgot-password">返回密码</a>

        <button class="login-button">登录</button>
    </div>
    <script>
        const password = document.querySelector('.password-input input')
        password.value = '123456'
        password.type = 'password'
    </script>
</body>

</html>